@import '../common/base.scss';

.nav_content{
    .jd-container{
        display: flex;
        flex-direction: column;
        background: #fff;
        padding: 5px;
        margin-top: 20px;
        nav{
            display: flex;
            height: 45px;
            padding-bottom: 10px;
            border-bottom: 1px solid #f4f4f4;
            margin-bottom: 5px;
            div {
                line-height: 35px;
                margin-bottom: 0px;
            }
            .nav-tabs {
                background: #f4f4f4;
                .nav-link:not(.active):hover,.nav-link:not(.active):focus{
                    border: none;
                }
            }
        }
       
    }
}

.more {
    margin-top: 20px;
    .list {
        display: flex;
        flex-wrap: wrap;
        // justify-content: space-between;
        .list-item {
            width: 230px;
            height: 322px;
            align-items: center;
            margin-bottom: 10px;
            margin-right: calc((100% - (230px * 5))/4);
            &:nth-child(5n){
                margin-right: 0px;
            }
            img {
                width: 150px;
                height: 150px;
                margin-top: 30px;
            }

            .card-body {
                width: 100%;

                p {
                    // 两行出现省略号
                    @include slhs(100%, 2)
                }

                a {
                    font-size: 12px;
                    color: red;

                    b {
                        font-size: 18px;
                        font-weight: 700;
                    }
                }
            }
        }
    }
}

// 分页
.page {
    .navigation{
        display: flex;
        justify-content: center;
        margin-top: 20px;
        .page-link:focus{
            box-shadow: 0px 0px 0px red;
        }
        .page-item{
            .page-link{
                cursor: pointer;
                color: #999;
            }
        }
        .page-item.active {
            .page-link{
                cursor: pointer;
                background: #e9ecef;
                border: 1px solid #dee2e6;
            }
        }
    }
}